/* Public -----------------------*/

// @font-face {
//   font-family: 'Roboto Condensed';
//   src: url('../fonts/RobotoCondensed-Regular.ttf');
//   font-weight: normal;
//   font-style: normal;
// }

body { font-family: Arial, Helvetica, Tahoma, "PingFange SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #4F5053; font-size: 24rpx; margin: 0 auto; }

ul, li { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; color: #666; }
:focus { outline: none; }
input:focus, button:focus { outline: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: rgb(175, 175, 175)  !important; }
input::placeholder { color: #aaa !important; }

.btn-light.is-disabled { background: #c1c1c1 !important; }

// 价格.00下标 搭配 <sup></sup> 标签
.sup-base { vertical-align: baseline; }

.img-mw100 { img, image{ max-width: 100% !important; } }

/* 快捷修改样式 ---------------------*/
.height100 { height: 100vh; }
.height90 { height: 90vh; }
.minh-bg { min-height: 100vh; background-color: #F6F8FB;}

.height-20 { height: 20rpx; }
.height-80 { height: 80rpx; }
.height-104 { height: 104rpx; }
.height-160 { height: 160rpx; }
.pr-divider15 { height: 15rpx; background: #f4f4f4; }
.pr-divider20 { height: 20rpx; background: #f4f4f4; }

.bg-tran { background-color: transparent !important; }
.bg-ff { background-color: #fff !important; }
.bg-fe { background-color: #fefefe !important; }
.bg-f7 { background-color: #f7f7f7 !important; }
.bg-f4 { background-color: #f4f4f4 !important; }
.bg-ed { background-color: #ededed !important; }
.bg-black { background-color: #000 !important; }
.bg-col-f6f{background-color: #F6F8FB;}

.op0 { opacity: 0; }
.op05 { opacity: 0.5; }
.op08 { opacity: 0.8; }
// 水平分散两边
.flex-between{ display: flex; justify-content: space-between; }
// 水平分散两边居中
.flex-between-center{ display: flex; align-items: center; justify-content: space-between; }
// 水平靠右
.flex-between-end{ display: flex; justify-content: flex-end; }
// 水平居中
.flex-center{ display: flex;align-items: center;justify-content: center; }
// 水平居顶
.flex-center-top{ display: flex;align-items: top;justify-content: center; }
// 水平靠右对齐
.flex-end{ display: flex;align-items: center;justify-content: flex-end; }
// 水平靠左对齐
.flex-start{ display: flex;align-items: center;justify-content: flex-start; }
// 水平靠左对齐
.flex-start-left{ display: flex;align-items: left;justify-content: flex-start; }
// 水平靠左对齐居顶
.flex-start-top{ display: flex;align-items: top;justify-content: flex-start; }
// 垂直居中
.flex-vertical-center{ display: flex;align-items: center; }
// 垂直排列
.flex-column{ display: flex;flex-flow: column;}
// 垂直排列-居中
.flex-column-center{ display: flex;flex-flow: column; justify-content: center; align-items: center;}
// 垂直排列-顶部居左
.flex-column-top{ display: flex;flex-flow: column; justify-content: flex-start; align-items: flex-start;}
// 垂直排列-上下排列
.flex-column-tb{ display: flex;flex-flow: column; justify-content: space-between;}

.fullwidth{ width: 100%; }

.float-left{ float: left !important; }
.float-right{ float: right !important; }

.b-r0 { border-radius: 0rpx !important; }
.b-r10 { border-radius: 10rpx; }
.b-rl10 { border-radius: 10px 10px 0 0; }
.b-r14 { border-radius: 14rpx; }
.b-r40 { border-radius: 40rpx; }
.b-round{ border-radius: 100%; }
.b-r100 { border-radius: 100rpx; }
.b-top { border-top: 1px solid #f4f4f4;}
.b-bottom { border-bottom: 1px solid #f4f4f4;}
.b-left { border-left: 1px solid #f4f4f4;}
.b-right { border-right: 1px solid #f4f4f4;}
.bor-white{ border-color: #fff !important;}

.cb{ clear: both; &::after {content: '';display: block;clear: both;} }

.f-w500{ font-weight: normal; }
.f-w700{ font-weight: 700; }

.col-main { color: #2A2A2A; }
.col-price{ color: #f02400; }
.col-mark{ color: #4F5053; }
.col-white{ color: #fff !important; }
.col-gray{ color: #999;}
.col-orange{ color: #ff741d;}
.col-c0c{ color: #c0c4cc;}

.b-none { border: none !important; }
.b-col-tran { border-color: transparent !important; }
.d-none{ display: none; }
.d-block { display: block; }
.d-in-block { display: inline-block; }
.d-flex { display: flex; }
.over-hid{ overflow: hidden; }
.over-x{ overflow-x: auto; }
.over-y{ overflow-y: auto; }

.pos-re{ position: relative; }
.pos-ab{ position: absolute; }
.pos-fix{ position: fixed;}

.text-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-ellipsis-2{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }
.text-line{ text-decoration: line-through; }
.text-break { white-space: normal; word-break: break-all; }
.text-line { text-decoration: line-through; }
.text-nowrap { white-space: nowrap; }

.bg-cover{ background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-contain{ background-size: contain; background-position: center; background-repeat: no-repeat; }

.line-h1 { line-height: 1.2; }

.font-normal{ font-style: normal; }
.font16{ font-size: 16rpx !important; }
.font18{ font-size: 18rpx !important; }
.font20{ font-size: 20rpx !important; }
.font22{ font-size: 22rpx !important; }
.font24{ font-size: 24rpx !important; }
.font26{ font-size: 26rpx !important; }
.font28{ font-size: 28rpx !important; }
.font30{ font-size: 30rpx !important; }
.font32{ font-size: 32rpx !important; }
.font34{ font-size: 34rpx !important; }
.font36{ font-size: 36rpx !important; }
.font38{ font-size: 38rpx !important; }
.font40{ font-size: 40rpx !important; }
.font42{ font-size: 42rpx !important; }
.font44{ font-size: 44rpx !important; }
.font46{ font-size: 46rpx !important; }
.font48{ font-size: 48rpx !important; }
.font50{ font-size: 50rpx !important; }
.font52{ font-size: 52rpx !important; }
.font54{ font-size: 54rpx !important; }
.font56{ font-size: 56rpx !important; }
.font58{ font-size: 58rpx !important; }
.font60{ font-size: 60rpx !important; }
.font64{ font-size: 64rpx !important; }
.font68{ font-size: 68rpx !important; }
.font72{ font-size: 72rpx !important; }
.font160{ font-size: 160rpx !important; }

.m-x1{margin:4rpx!important}
.mt-x1,.my-x1{margin-top:4rpx!important}
.mr-x1,.mx-x1{margin-right:4rpx!important}
.mb-x1,.my-x1{margin-bottom:4rpx!important}
.ml-x1,.mx-x1{margin-left:4rpx!important}
.m-x2{margin:8rpx!important}
.mt-x2,.my-x2{margin-top:8rpx!important}
.mr-x2,.mx-x2{margin-right:8rpx!important}
.mb-x2,.my-x2{margin-bottom:8rpx!important}
.ml-x2,.mx-x2{margin-left:8rpx!important}
.m-m1{margin:10rpx!important}
.mt-m1,.my-m1{margin-top:10rpx!important}
.mr-m1,.mx-m1{margin-right:10rpx!important}
.mb-m1,.my-m1{margin-bottom:10rpx!important}
.ml-m1,.mx-m1{margin-left:10rpx!important}

.m-m18{margin:18rpx!important}
.mt-m18,.my-m18{margin-top:18rpx!important}
.mr-m18,.mx-m18{margin-right:18rpx!important}
.mb-m18,.my-m18{margin-bottom:18rpx!important}
.ml-m18,.mx-m18{margin-left:18rpx!important}

.m-m2{margin:20rpx!important}
.mt-m2,.my-m2{margin-top:20rpx!important}
.mr-m2,.mx-m2{margin-right:20rpx!important}
.mb-m2,.my-m2{margin-bottom:20rpx!important}
.ml-m2,.mx-m2{margin-left:20rpx!important}

.m-m24{margin:24rpx!important}
.mt-m24,.my-m24{margin-top:24rpx!important}
.mr-m24,.mx-m24{margin-right:24rpx!important}
.mb-m24,.my-m24{margin-bottom:24rpx!important}
.ml-m24,.mx-m24{margin-left:24rpx!important}

.m-min{margin:14rpx!important}
.mt-min,.my-min{margin-top:14rpx!important}
.mr-min,.mx-min{margin-right:14rpx!important}
.mb-min,.my-min{margin-bottom:14rpx!important}
.ml-min,.mx-min{margin-left:14rpx!important}
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:28rpx!important}
.mt-1,.my-1{margin-top:28rpx!important}
.mr-1,.mx-1{margin-right:28rpx!important}
.mb-1,.my-1{margin-bottom:28rpx!important}
.ml-1,.mx-1{margin-left:28rpx!important}

.m-30{margin:30rpx!important}
.mt-30,.my-30{margin-top:30rpx!important}
.mr-30,.mx-30{margin-right:30rpx!important}
.mb-30,.my-30{margin-bottom:30rpx!important}
.ml-30,.mx-30{margin-left:30rpx!important}

.m-32{margin:32rpx!important}
.mt-32,.my-32{margin-top:32rpx!important}
.mr-32,.mx-32{margin-right:32rpx!important}
.mb-32,.my-32{margin-bottom:32rpx!important}
.ml-32,.mx-32{margin-left:32rpx!important}

.m-44{margin:44rpx!important}
.mt-44,.my-44{margin-top:44rpx!important}
.mr-44,.mx-44{margin-right:44rpx!important}
.mb-44,.my-44{margin-bottom:44rpx!important}
.ml-44,.mx-44{margin-left:44rpx!important}

.m-2{margin:40rpx!important}
.mt-2,.my-2{margin-top:40rpx!important}
.mr-2,.mx-2{margin-right:40rpx!important}
.mb-2,.my-2{margin-bottom:40rpx!important}
.ml-2,.mx-2{margin-left:40rpx!important}
.m-3{margin:60rpx!important}
.mt-3,.my-3{margin-top:60rpx!important}
.mr-3,.mx-3{margin-right:60rpx!important}
.mb-3,.my-3{margin-bottom:60rpx!important}
.ml-3,.mx-3{margin-left:60rpx!important}
.m-4{margin:80rpx!important}
.mt-4,.my-4{margin-top:80rpx!important}
.mr-4,.mx-4{margin-right:80rpx!important}
.mb-4,.my-4{margin-bottom:80rpx!important}
.ml-4,.mx-4{margin-left:80rpx!important}
.m-5{margin:100rpx!important}
.mt-5,.my-5{margin-top:100rpx!important}
.mr-5,.mx-5{margin-right:100rpx!important}
.mb-5,.my-5{margin-bottom:100rpx!important}
.ml-5,.mx-5{margin-left:100rpx!important}
.m-6{margin:120rpx!important}
.mt-6,.my-6{margin-top:120rpx!important}
.mr-6,.mx-6{margin-right:120rpx!important}
.mb-6,.my-6{margin-bottom:120rpx!important}
.ml-6,.mx-6{margin-left:120rpx!important}

.m-188{margin:188rpx!important}
.mt-188,.my-188{margin-top:188rpx!important}
.mr-188,.mx-188{margin-right:188rpx!important}
.mb-188,.my-188{margin-bottom:188rpx!important}
.ml-188,.mx-188{margin-left:188rpx!important}

.p-x1{padding:4rpx!important}
.pt-x1,.py-x1{padding-top:4rpx!important}
.pr-x1,.px-x1{padding-right:4rpx!important}
.pb-x1,.py-x1{padding-bottom:4rpx!important}
.pl-x1,.px-x1{padding-left:4rpx!important}
.p-x2{padding:8rpx!important}
.pt-x2,.py-x2{padding-top:8rpx!important}
.pr-x2,.px-x2{padding-right:8rpx!important}
.pb-x2,.py-x2{padding-bottom:8rpx!important}
.pl-x2,.px-x2{padding-left:8rpx!important}
.p-m1{padding:10rpx!important}
.pt-m1,.py-m1{padding-top:10rpx!important}
.pr-m1,.px-m1{padding-right:10rpx!important}
.pb-m1,.py-m1{padding-bottom:10rpx!important}
.pl-m1,.px-m1{padding-left:10rpx!important}
.p-m2{padding:20rpx!important}
.pt-m2,.py-m2{padding-top:20rpx!important}
.pr-m2,.px-m2{padding-right:20rpx!important}
.pb-m2,.py-m2{padding-bottom:20rpx!important}
.pl-m2,.px-m2{padding-left:20rpx!important}

.p-m24{padding:24rpx!important}
.pt-m24,.py-m24{padding-top:24rpx!important}
.pr-m24,.px-m24{padding-right:24rpx!important}
.pb-m24,.py-m24{padding-bottom:24rpx!important}
.pl-m24,.px-m24{padding-left:24rpx!important}

.p-min16{padding:16rpx!important}
.pt-min16,.py-min16{padding-top:16rpx!important}
.pr-min16,.px-min16{padding-right:16rpx!important}
.pb-min16,.py-min16{padding-bottom:16rpx!important}
.pl-min16,.px-min16{padding-left:16rpx!important}

.p-min{padding:14rpx!important}
.pt-min,.py-min{padding-top:14rpx!important}
.pr-min,.px-min{padding-right:14rpx!important}
.pb-min,.py-min{padding-bottom:14rpx!important}
.pl-min,.px-min{padding-left:14rpx!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:28rpx!important}
.pt-1,.py-1{padding-top:28rpx!important}
.pr-1,.px-1{padding-right:28rpx!important}
.pb-1,.py-1{padding-bottom:28rpx!important}
.pl-1,.px-1{padding-left:28rpx!important}
.p-2{padding:40rpx!important}
.pt-2,.py-2{padding-top:40rpx!important}
.pr-2,.px-2{padding-right:40rpx!important}
.pb-2,.py-2{padding-bottom:40rpx!important}
.pl-2,.px-2{padding-left:40rpx!important}
.p-3{padding:60rpx!important}
.pt-3,.py-3{padding-top:60rpx!important}
.pr-3,.px-3{padding-right:60rpx!important}
.pb-3,.py-3{padding-bottom:60rpx!important}
.pl-3,.px-3{padding-left:60rpx!important}
.p-4{padding:80rpx!important}
.pt-4,.py-4{padding-top:80rpx!important}
.pr-4,.px-4{padding-right:80rpx!important}
.pb-4,.py-4{padding-bottom:80rpx!important}
.pl-4,.px-4{padding-left:80rpx!important}
.p-5{padding:100rpx!important}
.pt-5,.py-5{padding-top:100rpx!important}
.pr-5,.px-5{padding-right:100rpx!important}
.pb-5,.py-5{padding-bottom:100rpx!important}
.pl-5,.px-5{padding-left:100rpx!important}
.p-6{padding:120rpx!important}
.pt-6,.py-6{padding-top:120rpx!important}
.pr-6,.px-6{padding-right:120rpx!important}
.pb-6,.py-6{padding-bottom:120rpx!important}
.pl-6,.px-6{padding-left:120rpx!important}

.m-col{float: left;box-sizing: border-box;min-height: 2rpx;}
.m-col1{width:4.16666667%}
.m-col2{width:8.33333333%}
.m-col3{width:12.5%}
.m-col4{width:16.66666667%}
.m-col5{width:20.83333333%}
.m-col6{width:25%}
.m-col7{width:29.16666667%}
.m-col8{width:33.33333333%}
.m-col9{width:37.5%}
.m-col10{width:41.66666667%}
.m-col11{width:45.83333333%}
.m-col12{width:50%}
.m-col13{width:54.16666667%}
.m-col14{width:58.33333333%}
.m-col15{width:62.5%}
.m-col16{width:66.66666667%}
.m-col17{width:70.83333333%}
.m-col18{width:75%}
.m-col19{width:79.16666667%}
.m-col20{width:83.33333333%}
.m-col21{width:87.5%}
.m-col22{width:91.66666667%}
.m-col23{width:95.83333333%}
.m-col24{width:100% !important }

//字体样式
.h1-font {font-size: 36rpx !important; color: #2A2A2A;}
.h2-font {font-size: 32rpx !important; color: #2A2A2A;}
.h3-font {font-size: 28rpx !important; color: #2A2A2A;}
.h4-font {font-size: 24rpx !important; color: #2A2A2A;}
.h5-font {font-size: 22rpx !important; color: #2A2A2A;}

.h1-font-dim-gray {font-size: 36rpx !important; color: #4F5053;}
.h2-font-dim-gray {font-size: 32rpx !important; color: #4F5053;}
.h3-font-dim-gray {font-size: 28rpx !important; color: #4F5053;}
.h4-font-dim-gray {font-size: 24rpx !important; color: #4F5053;}
.h5-font-dim-gray {font-size: 22rpx !important; color: #4F5053;}

.h1-font-light-grey {font-size: 36rpx !important; color: #999999;}
.h2-font-light-gray {font-size: 32rpx !important; color: #999999;}
.h3-font-light-gray {font-size: 28rpx !important; color: #999999;}
.h4-font-light-gray {font-size: 24rpx !important; color: #999999;}
.h5-font-light-gray {font-size: 22rpx !important; color: #999999;}

.h1-font-royal-blue {font-size: 36rpx !important; color: #2E73E5;}
.h2-font-royal-blue {font-size: 32rpx !important; color: #2E73E5;}
.h3-font-royal-blue {font-size: 28rpx !important; color: #2E73E5;}
.h4-font-royal-blue {font-size: 24rpx !important; color: #2E73E5;}
.h5-font-royal-blue {font-size: 22rpx !important; color: #2E73E5;}

@import "./cover.scss";
@import "/common/iconfont.css";
@import "/common/iconfont02.css";